@charset 'utf-8';*{margin:0;padding:0;}
html{float: left;width: 100%;}
body{font-size:13px;font-family:"Trebuchet MS",Helvetica,"Microsoft YaHei",sans-serif;color:#333333;background:#f4f4f4;float: left;width: 100%;}
ol,ul{list-style:none;}
a{color:#51504f;text-decoration:none;}
a:hover{text-decoration:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.mainBox{width:1200px;margin:0 auto}
/*---集团荣誉----*/
.honor{ height: auto; overflow: hidden; margin-top: 30px;}
.honor_list{ height: auto; overflow: hidden; margin-bottom: 40px; position: relative;}
.honor_title{ text-align: center;}
.honor_title h3{ display: inline-block; color: #fff; font-size: 18px; padding: 10px; background-color: #0065b3; font-weight: normal;}
.honor_cont{ height: auto; overflow: hidden; background-color: #f7f7f7; padding: 40px 0px 40px 35px; margin-top: -20px;}
.honor_content{ height: auto; overflow: hidden; background-color: #f7f7f7; padding: 40px 90px 30px; margin-top: -20px;}
.honor_cont ul{ height: auto; overflow: hidden; width:33%;  }
.honor_cont ul li{ line-height: 32px; font-size: 14px; margin-bottom: 10px;}
/*---集团简介----*/
.nei_title{ border-bottom: 1px solid #dfdfdf; text-align: center; font-size: 24px; color: #333; padding: 0px 0px 10px; font-weight: normal;}
.nei_about{ height: auto; overflow: hidden; line-height: 28px; margin-top: 25px; }
.nei_about img{ float: right; display: inline-block; width: 34%; margin-left:2%;}
.nei_about .nei_aboutL{float: left; display: inline-block; width: 55%;}

/* 在线客服样式 */
.float_qq{ position:absolute; top:128px; right:0; width:50px; height:203px; z-index:6666;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.qq_drop_down{display: none;width:60px;height: 52px;text-align: center;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:204px;}
.float_qq li.float_qq2{ position:absolute; top:102px; left:0; width:126px;}
.float_qq li.float_qq3,.float_qq li.float_qq5{ position:absolute; top:153px; left:0; width:172px;}
.float_qq li.float_qq4{ top:0;}
.float_qq li.float_qq5{top:51px;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block;color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#0066b3; opacity:1;}
.float_shwx{ position:absolute; top:0; left:-138px; background:url(img/float_wxbd.png) no-repeat top right; width:138px; height:138px; padding-bottom:9px; display:none; background-color:#fff;}
.float_shwx img{ display:block;background-color:#fff;border:1px solid #dadada;width:110px; height:110px;margin:14px;}
/*??????*/
header{width:100%;background: rgba(0,0,0,1);position: fixed;z-index: 999;top:0px;}
.header{width:1200px;height:90px;line-height:90px;margin:0 auto;}
.header h1,.header h2{float:left;padding: 22px 0 0 0;background: url(img/logo-small.png) no-repeat 0 28px;text-indent: -9999px;width: 300px;height: 80px;margin-top: 0;}
.header h1 a,.header h2 a{float:left;width: 300px;height: 60px;}
.nav{float:right;}
.nav li{float:left;height: 90px;background: none;}
.nav li:hover{background: none;}
.nav li a{color:#fff;font-size: 14px;float: left;height: 90px;padding: 0 45px;text-shadow:none;background: none;float: left;}
.nav li a.cur{background:#333;}
.nav li a.cur:hover {background:#333;}
.nav li a:hover{background: #222;}

/* footer */
.footer{width: 100%;float: left;background: #000;padding-bottom: 30px;}
.footer .box{margin: 0 auto;width: 1200px;}
.footer .box .c{width: 100%;float: left;padding-top: 20px;margin-top: 10px;}
.footer .box .c .li{width: 20%;float: left;}
.footer .box .c .li b{float: left;width: 100%;color: #aaa;line-height: 50px;font-size: 15px;}
.footer .box .c .li .list{float: left;width: 100%;color: #777;line-height: 26px}
.footer .box .c .li .list a{float: left;width: 100%;color: #777;}
.footer .box .c .li .list .img{width: 110px;padding: 10px;background: #fff;margin-top: 7px;}
.footer .box .c .li .list a.tel{color: #777;font-size: 28px;line-height: 40px;margin-top: 10px;color: #aaa;}
.footer .box .c .li .ficons{width: 100%;float: left;margin-top: 5px;}
.footer .box .c .li .ficons span{height:36px;float: left;margin: 0 120px 0 0;color: #555;line-height: 36px;font-size: 32px;margin-top: 6px;}
.footer .box .c .li .ficons a.wx{width:36px;height:36px;float: left;border-radius: 100%;background:none;border: 1px solid #444;margin: 0 20px 0 0;position: relative;display: none;}
.footer .box .c .li .ficons a.wx:hover .pp{display: block;}
.footer .box .c .li .ficons a.wx .im{float: left;margin: 3px 0 0 3px;}
.footer .box .c .li .ficons a.wx .pp{position: absolute;width: 120px;height: 120px;background: #fff;border-radius: 0px;left: 48px;top:-37px;border: none;display: none;}
.footer .box .c .li .ficons a.wx .pp img{float: left;width: 90px;margin: 15px;}
.footer .box .c .li .ficons a{width:36px;height:36px;float: left;border-radius: 100%;margin: 0 15px 0 0;background:none;border: 1px solid #444;}
.footer .box .c .li .ficons a img{float: left;margin: 3px 0 0 3px;width: 26px;}
.copyRight_1{width:100%;float:left;background: #000;line-height: 30px;padding: 25px 0;}
.copyRight_1 .box{width: 1200px;margin: 0 auto;color: #777;}
.copyRight_1 .box .l{float: left;opacity: 0.2;}
.copyRight_1 .box .l img{float: left;margin-top: 20px;}
.copyRight_1 .box .r{float: left;}
.copyRight_1 .box .r a{color: #777;}
.copyRight_2{width:100%;float:left;background: #000;line-height: 24px;padding: 20px 0;border-top: 1px solid #222;border-bottom: 1px solid #222;}
.copyRight_2 .box{width: 1200px;margin: 0 auto;color: #777;}
.copyRight_2 .box a{color: #777;}

/*????????????*/
.pageNavWrap{width: 100%;height: 75px;background: url(img/pageNav.gif) repeat-x bottom;margin-top: 165px;float: left;}
.pageNav{width: 1200px;height: 75px;margin: 0 auto;}
.pageNav span{height: 43px;margin:33px 30px 0 0 ;line-height: 42px;color: #333;float: left; font-size: 16px;}
.pageNav span b{color: #f60;}
.pageNav span a{height: 43px;margin:0px 0 0 ;padding:0;line-height: 42px;color: #333;float: left; font-size: 16px;border: 0;background: 0;}
.pageNav a{height: 42px;margin:33px 10px 0 0 ;line-height: 40px;background:#e0e0e0;padding: 0 30px;color: #333;border:1px solid #d0d0d0;float: left; }
.pageNav a.cur{background:#f4f4f4;color: #333;border:1px solid #d0d0d0;border-bottom: 1px solid #f4f4f4;font-weight: bold; }



/*---------- mainBody ---------*/
.mainWrap{width:100%;float: left;}
.main{width: 1200px;margin:25px auto 0 ;}

.case-box-wrap{width: 100%;float: left;}
.case-box{height: 300px;width: 1200px;margin: 0 auto;}
.case-list{width: 1220px;float: left;}
.case-list li{width: 285px;height:215px;float: left;background: #fff;margin:0 20px 20px 0;position: relative;padding: 10px; }
.case-list li:hover .seeicon{display: block;}
.case-list li:hover .imgback{display: block;}
.case-list li .ad265{width: 265px;height:159px;float: left;position: absolute;top: 10px;left: 10px;z-index: 7;background: rgba(0,0,0,0.3);overflow: hidden;}
.case-list li .seeicon{width: 100%;height:162px;float: left;position: absolute;top: 0;left: 0;z-index: 8;background: url(img/see.png) no-repeat  114px 62px;display: none;}
.case-list li .imgback{width: 265px;height:159px;float: left;position: absolute;top: 10px;left: 10px;z-index: 7;background: rgba(0,0,0,0.8);display: none;}
.case-list li .img{width: 265px;height:159px;float: left;position: absolute;top: 10px;left: 10px;z-index: 6;}
.case-list li .img img{width: 265px;height:159px;float: left;}
.case-list li .title{width: 265px;height:47px;float: left;line-height: 47px;color: #333;text-indent: 0px;position: absolute;bottom: 0;}
.case-list-page{width: 880px;float: left;}
.case-list-page li{width: 270px;height:210px;float: left;background: #fff;box-shadow:0px 0px 5px #ccc;margin:0 20px 20px 0; }
.case-list-page li:hover .seeicon{display: block;}
.case-list-page li:hover .imgback{display: block;}
.case-list-page li .ad265{width: 265px;height:159px;float: left;position: absolute;top: 10px;left: 10px;z-index: 7;background: rgba(0,0,0,0.8);overflow: hidden;}
.case-list-page li .seeicon{width: 100%;height:162px;float: left;position: absolute;top: 0;left: 0;z-index: 8;background: url(img/see.png) no-repeat  114px 62px;display: none;}
.case-list-page li .imgback{width: 265px;height:159px;float: left;position: absolute;top: 10px;left: 10px;z-index: 7;background: rgba(0,0,0,0.8);display: none;}
.case-list-page li .img{width: 100%;height:162px;float: left;}
.case-list-page li .img img{width: 100%;height:162px;float: left;}
.case-list-page li .title{width: 100%;height:47px;float: left;line-height: 47px;color: #333;text-indent: 10px;}


/*-- tab1 --*/
.menuboxtwo {width:100%;float: left;margin-top: 40px;margin-bottom: 10px;}
.menuboxtwo ul{width:100%;height:42px;float: left;font-size: 15px;line-height: 42px;color:#333;text-align: center;}
.menuboxtwo li{height: 42px;cursor:pointer;background: #dcdcdc;float: left;width: 14.28%;border-right: 1px solid #f4f4f4;}
.menuboxtwo li.hover{color:#fff;background: #00A1E9;}
.menuboxtwo li.hover a{color:#fff;background: #00A1E9;}
.menuboxtwoContent{width:100%;float:left;padding: 20px 0 0 } 

/*?????????*/
.moreBox{float: left;width: 100%;text-align: center;margin-top: 20px;}
.moreBox a{width: 80px;height: 80px;background: #ddd;color: #aaa;display: inline-block;border-radius: 100%;line-height: 80px;text-align: center;font-size: 16px;font-family: arial;overflow: hidden;}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.mapbox{float: left;width: 100%;height: 157px;background: url(img/map.jpg) no-repeat center top;}
.lc{float: left;width: 100%;height: 620px;background: url(img/lc.jpg) no-repeat center top;margin-top: 80px;text-indent: -9999px;}
.lc2{float: left;width: 100%;display: none;}
.lc2 img{float: left;width: 100%;}

/*---------- ?????? ---------*/
.indexTabUlNews{float: right;width: 764px;padding: 0 0 0 20px;background:url(img/linetwo.png) repeat-y left;height: 220px;}
.indexTabUlNews li{float: left;width: 100%;text-indent: 13px;line-height: 34px;}
.indexTabUlNews li a{color: #333;font-size: 13px;float: left;}
.indexTabUlNews li span{color: #888;font-size: 12px;padding: 0 0 0 15px;float: right;}
.indexTabUlNews li em{background:url(/images/hot.gif) no-repeat;float: left;width:30px;height: 15px;margin: 12px 0 0 10px;}
.indexTabUlAbout{float: right;width: 764px;padding: 0 0 0 20px;background:url(img/linetwo.png) repeat-y left;height: 220px;}
.indexTabUlAbout img{float: right;}
.indexTabUlAbout p{float: right;width: 740px;line-height: 24px;padding: 20px 0 0 0;}

.contentArticle{float: left;width: 100%;text-shadow:1px 1px 0 #fff;}
.pagebox{float: left;width: 100%;text-shadow:1px 1px 0 #fff;}
.pagebox p{float: left;width: 100%;padding: 0 0 20px;}
.contentArticle h1{float: left;width: 100%;line-height: 30px;font-size: 22px;color: #00A1E9;font-weight: normal;margin:15px 0 0;padding: 0;}
.pageinfo{float: left;width: 100%;line-height: 40px;color: #999;font-size: 13px;}
.pageinfo a{color: #999;}
.pagecontent{float: left;width: 100%;padding: 20px 0 00 ;line-height: 24px;font-size: 14px;overflow: hidden;}
.pagecontent p{float: left;width: 100%;padding: 0 0  0px ;margin: 0;}
.pagecontent p img{max-width: 100%;}
.pagecontent h3{float: left;width: 100%;padding: 0 0  10px ;font-size: 18px;color: #333;}

/*---------- ?????? ---------*/
.indexTabUlNews2{float: right;width: 100%;padding: 0 0 0 20px;margin-bottom: 20px;}
.indexTabUlNews2 li{float: left;width: 100%;text-indent: 0px;line-height: 44px;background: url(img/line1.png) repeat-x bottom;}
.indexTabUlNews2 li a{color: #333;font-size: 15px;float: left;}
.indexTabUlNews2 li span{color: #888;font-size: 15px;padding: 0 0 0 15px;float: right;}
.indexTabUlNews2 li em{background:url(/images/hot.gif) no-repeat;float: left;width:30px;height: 15px;margin: 12px 0 0 10px;}

/*---------- ??????box ---------*/
.search-box-warp{width: 100%;float: left;}
.search-box{height: 200px;width: 1200px;margin: 0 auto;background: url(img/line.gif) repeat-x bottom;}
.search-box h2{width:100%;line-height: 80px;font-size: 40px;text-align: center;font-weight: normal;margin-bottom: 15px;}
.search-box form{width:100%;height: 66px;float: left;}
.search-box form .input{width:513px;height: 64px;float: left;border: 1px #dbdbdb solid;background: #fff;margin-left:70px;text-indent: 20px;outline: none;font-size: 16px;color: #aaa;}
.search-box form .submit{width:262px;height: 66px;float: left;border: none;background: url(img/search-submit.gif) no-repeat;margin-right: 10px;text-indent: -99999px;cursor: pointer;}
.search-box form .submita{width:262px;height: 66px;float: left;border: none;background: url(img/search-submita.gif) no-repeat;text-indent: -99999px;}


.allTitle{width: 1200px;float: left;height: 80px;position: relative;text-align: center;}
.allTitle .line{width: 1200px;float: left;position: absolute;z-index: 1;border-bottom: 1px solid #eee;height: 40px;}
.allTitle .titlebox{width: 200px;display: inline-block;height: 80px;background: #fff;position: absolute;left: 500px;float: left;z-index: 2;position: absolute;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.allTitle .titlebox b{float: left;width: 100%;font-size: 32px;line-height: 50px;font-weight: normal;color: #444;}
.allTitle .titlebox i{float: left;width: 100%;font-style: normal;font-size: 19px;line-height: 30px;  text-transform: uppercase;color: #888;}

.allTitle2{width: 1200px;float: left;height: 80px;position: relative;text-align: center;margin-top: 30px;}
.allTitle2 .line{width: 1200px;float: left;position: absolute;z-index: 1;border-bottom: 1px solid #ddd;height: 40px;}
.allTitle2 .titlebox{width: 200px;display: inline-block;height: 80px;background: #f4f4f4;position: absolute;left: 500px;float: left;z-index: 2;position: absolute;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.allTitle2 .titlebox b{float: left;width: 100%;font-size: 32px;line-height: 50px;font-weight: normal;color: #444;}
.allTitle2 .titlebox i{float: left;width: 100%;font-style: normal;font-size: 19px;line-height: 30px;  text-transform: uppercase;color: #888;}

/*---------- ?????????????????? ---------*/
.item-box-wrap{width: 100%;float: left;background: #fff;}
.item-box{width: 1200px;margin: 60px auto 0;}
.item-list{width: 1200px;float: left;margin-top: 60px;margin-bottom: 50px;}
.item-list a{width: 170px;height:170px;float: left;margin:0 15px 30px;border-radius: 100px; line-height:280px;text-align: center;color: #00A1E9;font-size: 20px;border: 1px solid #eee;overflow: hidden;}
.item-list a b{width: 100%;text-align: center;line-height: 30px;font-size: 16px;color: #444;float: left;font-weight: normal;}
.item-list a span{width: 100%;text-align: center;line-height: 70px;font-size: 42px;float: left;margin-top: 30px;color: #00A1E9;}
.item-list a:hover{background: #00A1E9 ;color: #fff;}
.item-list a:hover b{color: #fff;}
.item-list a:hover span{color: #fff;}
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #00A1E9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


/*-- leftBar --*/
.leftBar{width: 830px;float: left;background: #fff;padding: 30px 40px;margin-bottom: 40px;}
.leftBar .box{width:  100%;float: left;}
.leftBar .box .title{width: 100%;float: left;}
.leftBar .box .title em{float: left;height: 24px;padding: 11px 0 0 10px;}
.leftBar .box .title strong{float: left;height: 37px;line-height: 37px;font-size: 14px;color: #f39700;text-indent: 5px;}
.leftBar .box .title strong a{float: left;height: 37px;line-height: 37px;font-size: 14px;color: #f39700;text-indent: 10px;}
.leftBar .box .title .more{float: right;height: 37px;line-height: 37px;font-size: 12px;color: #aaa;}
.leftBar .box .content{width: 100%;float: left;line-height: 24px;font-size: 12px;color: #444;text-shadow:none;}

/*-- rightBar 250 --*/
.rightBar{width: 350px;float: right;padding: 25px;background: #fff;}
.rightBar .box{width:  100%;float: left;margin-bottom: 20px;}
.rightBar .box .title{width: 100%;float: left;height: 37px;background: #eaeaea;line-height: 37px;}
.rightBar .box .title strong{float: left;height: 37px;color: #333;text-indent: 15px;font-size: 16px;font-weight: normal;}
.rightBar .box .title .more{float: right;height: 37px;line-height: 37px;font-size: 12px;color: #aaa;}
.rightBar .box .content{width: 100%;float: left;line-height: 24px;font-size: 12px;color: #444;}

/*-- ??????+??????+??????+??????_?????? --*/
.articleList{float: left;margin:0 0px 20px;width:100%;font-size:12px;background: #fff;}
.articleList li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px dotted #ccc;}
.articleList li .info{width: 60px;float: left;margin-right: 15px;text-align: center;background: #eaeaea url(img/subsprites.png) no-repeat 23px 12px;}
.articleList li strong{height: 36px;line-height: 36px;overflow: hidden;background: #ddd;font-size: 12px;float: left;width: 100%;font-weight: normal;}
.articleList li span{height: 34px;line-height: 34px;overflow: hidden;font-size: 16px;display: block;margin-top: 30px;font-weight: normal;float: left;width: 100%;}
.articleList li h2{width: 675px;float: left;font-size: 16px;padding: 0;margin: 0 0 17px;}
.articleList li .text{width: 675px;float: left;font-weight: normal;font-size: 16px;}
.articleList li .text img{width: 110px;height:66px;float: left;}
.articleList li .text p{width: 560px;height:66px;float: left;font-size: 13px;color: #999;line-height: 22px;padding: 0px 0 0 15px;margin: 0;}

/*-- ???????????? --*/
.newsList{float: left;width: 100%;margin-top: 10px;}
.newsList li {float: left;width: 100%;border-bottom:1px dotted #ccc;height: 37px;overflow: hidden;}
.newsList li a{float: left;width: 100%;text-indent: 18px;background: url(img/ulListDot.gif) no-repeat 5px 16px;line-height: 37px;font-size: 13px;overflow: hidden;}

.page{float: left;width: 100%;margin: 10px 0 0 0;border-top: 1px dotted #ccc;line-height: 30px;padding: 15px 0 00;font-size: 14px;}
.page p{float: left;width: 100%;margin: 0;padding: 0;}

.searchbox{float: left;width: 100%;padding:0px;margin-bottom: 20px;}
.searchbox .input{width:259px;height: 36px;float: left;border: 1px #ddd solid;background: #fff;text-indent: 15px;outline: none;border-right: 0;color: #aaa;box-shadow: none;outline: none;}
.searchbox .radio{margin: 15px 5px 0 0px ;float: left;}
.searchbox .submit{width:40px;height: 36px;float: left;border: 1px solid #ddd;background:none;margin-right: 0px;cursor: pointer;color: #aaa;text-align: center;line-height: 34px;border-left: none;outline: none;}

/*?????????*/
.sharebox{float: left;width: 100%;margin: 20px 0 0 0;border-top: 1px dotted #ccc;line-height: 24px;padding: 10px 0 00;}


/*-- ???????????? --*/
.casethumbnail{float: left;width: 100%;background: #fff;}
.casecontent{float: left;width: 100%;margin-bottom: 20px;background: #fff;}
.casecontent img{float: left;width: 100%;margin-bottom: 20px;cursor: pointer;}
.caseinfo{float: left;width: 100%;margin-bottom: 20px;font-size: 14px;}
.caseinfo p{float: left;width: 100%;border-bottom: 1px dotted  #ccc;line-height: 20px;padding: 8px 0px;margin: 0;}
.caseinfo h1 {float: left;height: 37px;color: #f60;text-indent: 0px;font-size: 16px;border-bottom: 1px dotted  #ccc;font-weight: normal;width: 100%;float: left;line-height: 37px;font-weight: bold;margin: 0;}

/*-- ?????????????????? --*/
.singlepagemain{width: 100%;float: left;}
.singlepagemain p{width:100%;float: left;line-height:24px;padding: 0 0 15px 0;margin-bottom: 0;}
.webBoxAndroid{width:100%;float: left;line-height:24px;font-size: 13px;margin-bottom: 0;}
.webBoxAndroid p{float: left;padding: 0 0 20px;line-height: 24px;}
.webBox{width:100%;float: left;line-height:26px;font-size: 15px;margin-bottom: 60px;}
.webBoxGo{float: left;}
.webBoxGo img{float: left;width: 100%;}
.table2{width: 100%;float: left;vertical-align:middle;background: #fff;margin: 70px 0 0px;line-height: 24px;font-size: 13px;}
.table2 td{background:#f8f8f8;padding:10px 20px;line-height: 14px;text-align: left;color: #444;line-height: 22px;border: 1px solid #fff;}
.table2 th{background:#ddd;padding: 20px 20px;line-height: 14px;text-align: left;font-weight: normal;color: #444;border: 1px solid #fff;}
.table2 .on{background:#eee;}
.table2 .on1{background:#ddd;}
.table2 .on2{background:#eee;}
.table2 .on3{background:#ddd;}
.table2 .on4{background:#eee;}
.table2 .on5{background:#ddd;}
.table2 td a{color: #179bdd;}

/*??????*/
.map{width:1200px;float: left;min-height: 400px;line-height:30px;font-size: 15px;}
.map h2{width:1200px;float: left;line-height:30px;font-size: 15px;margin-bottom: 5px;}
.map .maplist{width:1200px;float: left;background: url(img/line.gif) repeat-x bottom;padding-bottom: 20px;margin-bottom: 20px;}
.map .maplist a{float: left;padding: 0 10px;line-height: 30px;height: 30px;background: #ddd;border-radius: 5px;margin-right: 10px;font-size: 13px;}

.mainBodyContent{width:1200px;float: left;min-height: 400px;line-height:30px;font-size: 14px;}
.mainBodyContent p{width:1200px;float: left;line-height:30px;padding: 0 0 25px 0;}
.qq1{background: url(img/qq1.gif) no-repeat;width: 99px;height: 22px;float: left;}
.qq2{background: url(img/qq2.gif) no-repeat;width: 99px;height: 22px;float: left;}
.span{float: left;}

/*????????????*/
.ulpay{float: left;width: 100%;margin: 20px 0px 40px;}
.ulpay li{float: left;width:50%;border-bottom: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;height: 190px;padding:30px 0px 0 100px;background: #fff; }
.ulpay li:hover{box-shadow: 0 0 10px #e5e5e5;position: relative;cursor: pointer;}
.ulpay li .img,.ulpay li .img img{float: left;}
.ulpay li p{float: right;width: 100%;line-height: 24px;font-size: 14px;color: #4a4a4a;overflow: hidden;}

/*???*/
.diggbox{float: left;margin: 10px 0 10px 260px;}
.diggboxBox{float: left;width:100px;height:100px;border-radius: 200px;background: #ddd;margin: 0 60px 0 0;outline: none;}
.diggboxBox:hover{background: #00A1E9;}
.diggboxBox:hover strong{color: #fff;text-shadow:1px 1px 0 #0070b4;margin: 20px 0 0 27px;float: left;}
.diggboxBox strong{color: #333;text-shadow:1px 1px 0 #fff;margin: 15px 0 0 27px;float: left;}
.diggboxBox:hover strong{color: #fff;text-shadow:1px 1px 0 #0070b4;margin: 15px 0 0 27px;float: left;}
.diggboxBox b{color: #333;text-shadow:1px 1px 0 #fff;margin: 0px 0 0 0px;float: left;width: 100%;text-align: center;}
.diggboxBox:hover b{color: #fff;text-shadow:1px 1px 0 #0070b4;margin: 0px 0 0 0px;float: left;width: 100%;text-align: center;}

/*?????????*/
.tagpage{float: left;width: 100%;margin-top: 30px;font-size: 14px;}
.tagpage a.cur{color: #00A1E9;}
.tagpage a{color: #333;float: left;line-height:30px;padding: 0 12px;margin: 0 5px 5px 0;background: #ddd;border-radius: 4px;}
.tagpage a:hover{background: #f90;color: #fff;text-shadow:1px 1px 0 #f60;}

/*??????*/
.pagesize{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;}
.pagesize a,.pagesize b,.pagesize .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;}
.pagesize .current{background: #e3e3e3;color: #222;}

.casecenter{display: none;}
.header .menu{display: none;}
.header .menu_hover{display: none;}
/*list_26*/
.list_26 {width: 1200px;height: auto;margin: 0 auto;}
.list_26 .item_img {width: 380px;height: 282px;float: left;margin-bottom: 20px;margin-right: 30px;background: #fff;}
.list_26 .item_img .top_img {width: 100%;height: 228px;display: block;overflow: hidden;position: relative;}
.list_26 .item_img .top_img img {
  width: 100%;
 
}
.list_26 .item_img .top_img .whiteblock {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.list_26 .item_img .bottom_title {
  width: 100%;
  height: 53px;
  text-align: center;
  font-size: 14px;
  color: #000;
  line-height: 53px;
}
.list_26 .item_img .gary_line {
  width: 100%;
  height: 1px;
  background: #eee;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.list_26 .item_img:hover .whiteblock {
  opacity: 0;
  filter: alpha(opacity=0);
}
.list_26 .item_img:hover img {
  -ms-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.list_26 .item_img:hover .gary_line {
  width: 120px;
  background: #00A1E9;
}
.list_26 a:nth-child(3n) .item_img {
  margin-right: 0;
}
.list_26:after {
  content: '';
  display: block;
  clear: both;
}

/*?????????*/
.gg { width: 100%; height: 450px; position: relative; z-index: 1; overflow: hidden; margin: 90px 0 0px; min-width: 1200px;}
.gg img:hover{opacity: 1}
.ggLoading { position: absolute; left: 40%; top: 200px; width: 325px; text-align: center; height: 56px; background-position: 0 -274px; background-repeat: no-repeat; line-height: 56px; color: #9c9c9c; }
.ggLoading2 { width: 330px; height: 56px; background-position: 213px -330px; background-repeat: no-repeat; }
.ggLoading em { font-weight: bold; }
.ggs { width: 200%; height: 450px; left: -50%; top: 0; position: absolute; }
.ggBox { width: 1920px; height: 450px; margin: 0 auto; }
.ggBox a { display: block; width: 1920px; height: 450px; position: absolute; z-index: 1; opacity: 0.1; }
.ggBox img { display: block; width: 1920px; height: 450px; }
.ggb { position: absolute; width: 100%; left: 0; bottom: 0; height:30px; z-index: 4;  }
.ggBtns { width:290px; height: 80px; margin: 0 auto;}
.ggBtns a { float: left; display: block;margin-right:1px; width: 70px; height: 10px; text-indent: -9999px; position: relative; top: -10px; outline: none; cursor: pointer; }
.ggBtns a em { display: block; width: 100%;height: 2px; overflow: hidden;font-style: normal; float: left;background: #fff;margin-top: 8px;opacity: 0.4;}
.ggBtns a:hover em{background: #fff;}
.ggBtns a.ggOn em{ background:#fff }
a.ggOn em{ background: #fff;opacity:1 }

/*---------- ?????????????????? ---------*/
.indexTextWrap{float: left;width: 100%;background: #fff;padding: 80px 0;}
.indexText{width: 1200px;margin: 0 auto;}
.indexTextLeft{width: 62%;float: left;}
.indexTextLeft span{width: 100%;float: left;height: 40px;line-height: 40px;border-bottom: 1px dotted #ddd;}
.indexTextLeft span strong{float: left;height: 39px;border-bottom: 2px solid #aaa;font-size: 20px;color: #222;font-weight: normal;}
.indexTextLeft .ul{width: 100%;float: left;margin-top: 15px;}
.indexTextLeft .ul li{width: 100%;float: left;margin-bottom: 15px;}
.indexTextLeft .ul li .img{width:170px;height:110px;float: left;border: 1px solid #ddd;padding: 9px;margin-right: 20px;}
.indexTextLeft .ul li .img img{width:150px;height:90px;float: left;}
.indexTextLeft .ul li h4{width:500px;line-height:30px;color:#333;font-size:16px;float: left;padding-bottom: 2px;margin: 0;font-weight: bold;}
.indexTextLeft .ul li p{width:500px;line-height:24px;color:#333;float: left;padding: 0;margin: 0;}
.indexTextLeft .ul li a{color:#333;}
.indexTextRight{width:33%;float: right;}
.indexTextRight span{width: 100%;float: left;height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;}
.indexTextRight span strong{float: left;height: 40px;border-bottom: 1px solid #666;font-size: 16px;color: #222;}
.indexTextRight ul{width: 100%;float: left;margin-top: 20px;padding: 0px;}
.indexTextRight ul li{width: 100%;float: left;color: #C1C1C3;position: relative;line-height: 30px;}
.indexTextRight ul li a{color:#333;font-size: 14px;float: left;height: 30px;overflow: hidden;}
.indexTextRight ul li i{color:#ddd;font-size: 13px;float: right;font-style: normal;font-family: arial;}

/*-- tab1 --*/
.indexTab {width:100%;float: left;}
.indexTab ul{width:100%;height:42px;float: left;line-height: 42px;color:#333;border-bottom: 1px solid #ddd}
.indexTab li{height: 42px;float:left;cursor:pointer;margin: 0 30px 0 0 ;font-size: 16px;}
.indexTab li a{color: #222;}
.indexTab li.hover{color:#222;border-bottom: 1px solid #666;height: 42px;font-weight: bold;}










/******************** ????????? ********************/
.ps_box { text-align: center;float: left;width: 100%;margin-top: 90px;}
.pics_switch { position:relative; width:1920px; margin:auto; height:580px; background:#1b1c24; overflow:hidden;}
.pics_switch .pb { height:580px;}
.pics_switch .pic_box { float:left; width:1920px; height:580px; overflow:hidden;}
.pics_switch .pic_box a { margin:auto; display:block; width:1920px; height:580px;text-indent: -9999px;}
.viewArrows { display:block; width:90px; height:90px; line-height:90px; cursor:pointer; text-indent:-99999999px; position:absolute; top:240px;}
.prev { left:50%;margin-left: -700px; background:url(img/prev.png) center center no-repeat;background-size: 70%;}
.next { right:50%;margin-right: -700px; background:url(img/next.png) center center no-repeat;background-size: 70%}
.pics_switch .pic_box a.pic_banner_001 { background:#6c89d9 url(img/banner4.jpg) center top no-repeat;text-indent: -9999px;}
.pics_switch .pic_box a.pic_banner_002 { background:#00a1e9 url(img/focus4.jpg) center top no-repeat;text-indent: -9999px;}
.pics_switch .pic_box a.pic_banner_003 { background:#0a1a53 url(img/focus3.jpg) center bottom no-repeat;text-indent: -9999px;}
.pics_switch .pic_box a.pic_banner_004 { background:#00d9d0 url(img/focus1.jpg) center top no-repeat;text-indent: -9999px;}
.pic_box_style_1 { background:#000000;}
.pic_box_style_2 { background:#1b55d7;}
.pic_box_style_3 { background:#4264a9;}
.pic_box_style_4 { background:#000000;}
.pic_box_style_5 { background:#101117;}
.pic_box_style_6 { background:#1e1e20;}
.ps_box .pics_switch_clients { display:; width:100%; height:80px; position:absolute; left:0; bottom:0; overflow:hidden;}
.ps_box .pics_switch_clients ul { margin:20px auto 0; width:95px; height:auto; overflow:hidden;}
.ps_box .pics_switch_clients ul li { float:left; padding:20px 0; cursor:pointer; }
.ps_box .pics_switch_clients ul li span { display:block; margin-right:5px; width:20px; height:1px; text-indent:-999999px; background:#FFF;}
.ps_box .pics_switch_clients ul li.li_1 span { background-position:0 -124px;}/*normal*/
.ps_box .pics_switch_clients ul li.li_2 span { background-position:-159px -124px;}
.ps_box .pics_switch_clients ul li.li_3 span { background-position:-318px -124px;}
.ps_box .pics_switch_clients ul li.li_4 span { margin-right:0; background-position:-477px -124px;}
.ps_box .pics_switch_clients ul li.li_5 span { background-position:-636px -124px;}
.ps_box .pics_switch_clients ul li.li_6 span { background-position:-795px -124px;}
.ps_box .pics_switch_clients ul li.li_1 .hover { background-position:0 -185px;}/*hover*/
.ps_box .pics_switch_clients ul li.li_2 .hover { background-position:-159px -185px;}
.ps_box .pics_switch_clients ul li.li_3 .hover { background-position:-318px -185px;}
.ps_box .pics_switch_clients ul li.li_4 .hover { background-position:-477px -185px;}
.ps_box .pics_switch_clients ul li.li_5 .hover { background-position:-636px -185px;}
.ps_box .pics_switch_clients ul li.li_6 .hover { background-position:-795px -185px;}
.ps_box .pics_switch_clients ul li.li_1 .current { background-position:0 -185px;}/*current*/
.ps_box .pics_switch_clients ul li.li_2 .current { background-position:-159px -185px;}
.ps_box .pics_switch_clients ul li.li_3 .current { background-position:-318px -185px;}
.ps_box .pics_switch_clients ul li.li_4 .current { background-position:-477px -185px;}
.ps_box .pics_switch_clients ul li.li_5 .current { background-position:-636px -185px;}
.ps_box .pics_switch_clients ul li.li_6 .current { background-position:-795px -185px;}


@media all and (max-width: 1200px) {
    .prev { left:50%;margin-left: -600px;top: 38%;}
    .next { right:50%;margin-right: -600px;top: 38%;}
    .ps_box { overflow:hidden;}
    .pics_switch { height:400px;}
    .pics_switch .pb { height:400px;}
    .pics_switch .pic_box a { height:400px; background-size:1103.4px 400px !important;}
    .pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:1440px;}
}

@media all and (max-width: 1000px) {
    .prev { left:60px;margin-left: 0;top: 38%;}
    .next { right:60px;margin-right: 0;top: 38%;}
    .ps_box { overflow:hidden;}
    .pics_switch { height:350px;}
    .pics_switch .pb { height:350px;}
    .pics_switch .pic_box a { height:350px; background-size:971px 350px !important;}
    .pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:1000px;}
}


@media all and (max-width: 768px) {
    .prev { left:40px;top: 40%;}
    .next { right:40px;top: 40%;}
    .ps_box { overflow:hidden;}
    .pics_switch { height:300px;}
    .pics_switch .pb { height:300px;}
    .pics_switch .pic_box a { height:300px; background-size:829px 300px !important;}
    .pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:768px;}
    .case_box { overflow:hidden;}
    .case_box ul { width:740px;}
    .case_box, .case_box .tabs { width:700px;}
    .case_box .ul_box { width:740px;}
    .case_box ul li .cover { width:218px;}
}
@media all and (max-width: 640px) {
    .prev { left:40px;top: 40%;}
    .next { right:40px;top: 40%;}
    .ps_box { margin-bottom:30px; overflow:hidden;}
    .pics_switch { height:250px;}
    .pics_switch .pb { height:250px;}
    .pics_switch .pic_box a { height:250px; background-size:698px 250px !important;}
    .pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:640px;}
}

@media all and (max-width: 480px) {
    .prev { left:10px;top: 40%;}
    .next { right:10px;top: 40%;}
    .ps_box { overflow:hidden;}
    .ps_box .pics_switch_clients { height:30px;}
    .ps_box .pics_switch_clients ul { margin:0 auto;}
    .ps_box .pics_switch_clients ul li { padding:15px 0;}
    .pics_switch { width:480px; height:150px;}
    .pics_switch .pb { height:150px;}
    .pics_switch .pic_box a { height:150px; background-size:410px 150px !important;}
    .pics_switch , .pics_switch .pic_box , .pics_switch .pic_box a { width:480px;}
}

.morenav {float: left;width: 100%;height: 40px;background: #333;text-align: center;line-height: 40px;display: none;color: #fff;cursor: pointer;font-size: 18px;margin-top: 70px;}

/* ?????????????????????????????? */
.fixbar_05{z-index:999;position: fixed;bottom: 20px;left:20px;width: 45px;height: 45px;display: none;background: rgba(0,0,0,0.8);border-radius: 45px;text-align: center;line-height: 45px;}
.fixbar_05 span{float: left;color: #fff;margin: 12px 0 0 12px;font-size: 20px;}
.fixbar_05_qq{z-index:999;position: fixed;bottom: 20px;left:70px;width: 45px;height: 45px;display: none;background: rgba(0,0,0,0.8);border-radius: 45px;text-align: center;line-height: 45px;}
.fixbar_05_qq img{float: left;width: 21px;margin: 12px 0 0 12px;}
.fixbar_05_top{z-index:999;position: fixed;bottom: 20px;right:20px;width: 45px;height: 45px;display: none;background: rgba(0,0,0,0.8);border-radius: 45px;text-align: center;}
.fixbar_05_top img{width: 20px;margin-top: 14px;}
.mfooter{width: 100%;padding: 60px 20px 60px;background: #222;float: left;display: none;text-align: center;}
.mfooter .c{width: 100%;}
.mfooter .c p{width: 100%;text-align: center;line-height: 26px;padding:0px 0;color: #aaa;}
.diamondbox{width: 50px;height: 50px;width: 100%;text-align: center;margin-top: -85px;float: left;position: relative;}
.diamondbox .diamond{ width: 50px;   height: 50px;   background-color: #fa0;display: inline-block;position: relative;z-index: 1;
  transform:rotate(45deg);   
  -ms-transform:rotate(45deg); /* Internet Explorer */   
  -moz-transform:rotate(45deg); /* Firefox */   
  -webkit-transform:rotate(45deg); /* Safari ??? Chrome */   
  -o-transform:rotate(45deg); /* Opera */   
} 
.diamondbox .span{width: 50px;line-height: 50px;margin: 0 auto;display: inline-block;position: absolute;z-index: 2;color: #fff;}